@import "picker.css";

.local-time-picker {
}

.local-time-picker > .container > .segment.hour {
    -fx-pref-width: 70;
}

.local-time-picker > .container > .segment.minute1,
.local-time-picker > .container > .segment.minute2 {
    -fx-pref-width: 70;
}

.local-time-picker > .container > .segment.meridiem {
    -fx-pref-width: 70;
}

.local-time-picker:horizontal {
    -fx-cell-size: 70;
    -fx-indicator-size: 70;
}

.local-time-picker:vertical > .container > .colon {
    -fx-pref-width: 20;
    -fx-font-size: 3em;
    -fx-background-color: linear-gradient(from 0% 0% to 0% 100%,
    rgba(255, 255, 255, .4),
    rgba(255, 255, 255, .6) 25%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, .6) 75%,
    rgba(255, 255, 255, .4) 100%);
}

.local-time-picker:horizontal > .container > .colon {
    -fx-pref-height: 10;
    -fx-background-color: linear-gradient(from 0% 0% to 1000% 0%,
    rgba(255, 255, 255, .4),
    rgba(255, 255, 255, .6) 25%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, .6) 75%,
    rgba(255, 255, 255, .4) 100%);
}